<template>
    <div :id="`mars3d-container${mapKey}`" :class="['mars3d-container', customClass, { 'mars3d-container-compare-rh': compare }]"></div>
</template>
<script>
// import Vue from 'vue'
// 使用免费开源版本
import 'mars3d/dist/mars3d.css'
// import * as mars3d from 'mars3d'
// // 为了方便使用,绑定到原型链，在其他vue文件，直接 this.mars3d 来使用
// Vue.prototype.mars3d = mars3d
// Vue.prototype.Cesium = mars3d.Cesium
import { initMap } from '@/components/utils/initMap'
export default {
    props: {
        // 初始化配置参数
        url: String,

        // 地图唯一性标识
        mapKey: {
            type: String,
            default: ''
        },

        // 自定义参数
        options: Object,

        // 是否分屏显示
        compare: {
            type: Boolean,
            default: false
        },

        // 是否插入到body元素上
        appendToBody: {
            type: Boolean,
            default: false
        },

        // 自定义css类名
        customClass: {
            type: String,
            default: ''
        }
    },
    mounted() {
        initMap.init(this)
    }
}
</script>
<style></style>
